<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>首页</title>
<script src="../js/jquery-1.11.0.js"></script>
<script src="../libary/bootstrap-2.3/js/bootstrap.js"></script>
<link rel="stylesheet" type="text/css" href="../libary/bootstrap-2.3/css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../libary/bootstrap-2.3/css/bootstrap-responsive.css">
<link rel="stylesheet" type="text/css" href="../css/style.css">
</head>
<body>
<div class="container-fluid" style="padding:0;">
	<div class="row-fluid">
		<div class="span12">
			<div class="navbar navbar-inverse navbar-fixed-top">
				<div class="navbar-inner">
					<div class="container-fluid">
						<a data-target=".navbar-responsive-collapse" data-toggle="collapse" class="btn btn-navbar">
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</a> 
						<a href="#" class="brand">醉美雅苑</a>
						<div class="nav-collapse collapse navbar-responsive-collapse">
							<ul class="nav">
								<li class="active">
									<a href="#">主页</a>
								</li>
								<li>
									<a href="#">客房介绍</a>
								</li>
								<li>
									<a href="#">房间预定</a>
								</li>
                                <li>
									<a href="#">优惠促销</a>
								</li>
                                <li>
									<a href="#">大理风光</a>
								</li>
                                <li>
									<a href="#">景点介绍</a>
								</li>
								<!--<li class="dropdown">
									 <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">下拉导航1</a>
										</li>
										<li>
											<a href="#">下拉导航2</a>
										</li>
										<li>
											<a href="#">其他</a>
										</li>
										<li class="divider">
										</li>
										<li class="nav-header">
											标签
										</li>
										<li>
											<a href="#">链接1</a>
										</li>
										<li>
											<a href="#">链接2</a>
										</li>
									</ul>
								</li>-->
							</ul>
							<ul class="nav pull-right">
								<li>
                                    <a href="#myModal" data-toggle="modal">登陆/注册</a>
								</li>
								<li class="divider-vertical">
								</li>
                                <li>
									<a href="#">联系我们</a>
								</li>
								<!--<li class="dropdown">
									 <a data-toggle="dropdown" class="dropdown-toggle" href="#">下拉菜单<strong class="caret"></strong></a>
									<ul class="dropdown-menu">
										<li>
											<a href="#">下拉导航1</a>
										</li>
										<li>
											<a href="#">下拉导航2</a>
										</li>
										<li>
											<a href="#">其他</a>
										</li>
										<li class="divider">
										</li>
										<li>
											<a href="#">链接3</a>
										</li>
									</ul>
								</li>-->
							</ul>
						</div>
						
					</div>
				</div>
				
			</div>
			<div class="row-fluid">
				<div class="span12">
					<div class="carousel slide" id="carousel-688461">
						<ol class="carousel-indicators">
							<li class="active" data-slide-to="0" data-target="#carousel-688461">
							</li>
							<li data-slide-to="1" data-target="#carousel-688461">
							</li>
							<li data-slide-to="2" data-target="#carousel-688461">
							</li>
						</ol>
						<div class="carousel-inner">
							<div class="item active">
								<img alt="" src="../images/1.jpg" />
								<div class="carousel-caption">
									<h4>
										棒球
									</h4>
									<p>
										棒球运动是一种以棒打球为主要特点，集体性、对抗性很强的球类运动项目，在美国、日本尤为盛行。
									</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="../images/2.jpg" />
								<div class="carousel-caption">
									<h4>
										冲浪
									</h4>
									<p>
										冲浪是以海浪为动力，利用自身的高超技巧和平衡能力，搏击海浪的一项运动。运动员站立在冲浪板上，或利用腹板、跪板、充气的橡皮垫、划艇、皮艇等驾驭海浪的一项水上运动。
									</p>
								</div>
							</div>
							<div class="item">
								<img alt="" src="../images/3.jpg" />
								<div class="carousel-caption">
									<h4>
										自行车
									</h4>
									<p>
										以自行车为工具比赛骑行速度的体育运动。1896年第一届奥林匹克运动会上被列为正式比赛项目。环法赛为最著名的世界自行车锦标赛。
									</p>
								</div>
							</div>
						</div> <a data-slide="prev" href="#carousel-688461" class="left carousel-control">‹</a> <a data-slide="next" href="#carousel-688461" class="right carousel-control">›</a>
					</div>
				</div>
			</div>
		</div>
	</div>
    <div class="container-fluid">
	<div class="row-fluid">
		<div class="span12">
			<ul class="thumbnails">
				<li class="span4">
					<div class="thumbnail">
						<img alt="300x200" src="../images/people.jpg" />
						<div class="caption">
							<h3>
								冯诺尔曼结构
							</h3>
							<p>
								也称普林斯顿结构，是一种将程序指令存储器和数据存储器合并在一起的存储器结构。程序指令存储地址和数据存储地址指向同一个存储器的不同物理位置。
							</p>
							<p>
								<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
							</p>
						</div>
					</div>
				</li>
				<li class="span4">
					<div class="thumbnail">
						<img alt="300x200" src="../images/city.jpg" />
						<div class="caption">
							<h3>
								哈佛结构
							</h3>
							<p>
								哈佛结构是一种将程序指令存储和数据存储分开的存储器结构，它的主要特点是将程序和数据存储在不同的存储空间中，进行独立编址。
							</p>
							<p>
								<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
							</p>
						</div>
					</div>
				</li>
				<li class="span4">
					<div class="thumbnail">
						<img alt="300x200" src="../images/sports.jpg" />
						<div class="caption">
							<h3>
								改进型哈佛结构
							</h3>
							<p>
								改进型的哈佛结构具有一条独立的地址总线和一条独立的数据总线，两条总线由程序存储器和数据存储器分时复用，使结构更紧凑。
							</p>
							<p>
								<a class="btn btn-primary" href="#">浏览</a> <a class="btn" href="#">分享</a>
							</p>
						</div>
					</div>
				</li>
			</ul>
		</div>
	</div>
    </div>
	<div class="row-fluid">
		<div class="span12">
			<div style="text-align:center;">
				<strong>Twitter, Inc.</strong> 795 Folsom Ave, Suite 600 San Francisco, CA 94107 <abbr title="Phone">P:</abbr> (123) 456-7890
			</div>
		</div>
	</div>
</div>


<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">登陆</h3>
  </div>
  <div class="modal-body">
  <form class="form-horizontal">
    <fieldset>
        <div class="control-group">
            <label class="control-label" for="inputEmail">用户名:</label>
            <div class="controls">
              <input type="text" id="inputEmail" placeholder="请输入用户名..." style="padding:5px 10px;">
            </div>
        </div>
      	<div class="control-group">
            <label class="control-label" for="inputPassword">密码:</label>
            <div class="controls">
              <input type="password" id="inputPassword" placeholder="请输入密码..." style="padding:5px 10px;">
            </div>
      	</div>
        <div class="control-group">
            <label class="control-label" for="inputPassword">验证码:</label>
            <div class="controls">
              <input type="password" id="inputPassword" placeholder="请输入验证码..." style="padding:5px 10px;">
            </div>
      	</div>
    </fieldset>
  </form>
  </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">登陆</button>
    <button class="btn btn-primary">注册</button>
  </div>
</div>

</body>
</html>
